<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="robots" content="all" />
<meta name="author" content="msleft" />
<meta name="Copyright" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<title></title>
<link rel="Shortcut Icon" href="images/en/favicon.ico" type="image/x-icon" />
<link rel="Bookmark" href="/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<link rel="stylesheet" type="text/css" href="css/jqzoom.css"  />
<script type="text/javascript" src="js/jquery-1.2.6.pack.js"></script>
<script  type="text/javascript" src="js/jqzoom.pack.1.0.1.js"></script>
</head>
<body>
<div class="container">
<div id="header">
	<div class="header_tool"><a href="" title="" class="sign">Sign in <i>or</i> Create account</a><a href="" title="" class="cart">Shopping Cart</a></div>
	<div class="header_cons">
		<div class="cons">
			<a href="#" title="" id="logo"><img src="images/logo.jpg" alt="DAFT SHOPPING" /></a>
			<div class="image_container banner"><img alt="" src="upfile/banner.jpg"/></div>
		</div>
	</div>
	<div class="header_nav">
		<ul>
			<li><a href="#" title="">TODAY</a></li>
			<li><a href="#" title="">GIFT CARD</a></li>
			<li><a href="#" title="">FEEDBACK</a></li>
		</ul>
	</div> <!-- header_nav end -->
	<div class="head_share">
		<ul>
			<li><a href="#" title=""><img src="images/sociable/social_facebook.gif" alt="" /></a></li>
			<li><a href="#" title=""><img src="images/sociable/social_twitter.gif" alt="" /></a></li>
			<li><a href="#" title=""><img src="images/sociable/social_delicious.gif" alt="" /></a></li>
			<li><a href="#" title=""><img src="images/sociable/social_digg.gif" alt="" /></a></li>
		</ul>
	</div> <!-- head_share end -->
</div> <!-- header end  --> 
<div class="wrap">
<div class="left">
	<div id="nav">
		<dl>
			<dt class="select first"><span>CATEGORY</span></dt>
			<dd style="display:block;">
				<ul class="level_1">
					<li class="first"><a href="#" title="">APPAREL</a>
						<ul class="level_2">
							<li class="first"><a href="#" title="">Shirts</a></li>
							<li><a href="#" title="">Coats &amp; Jackets</a></li>
							<li class="last"><a href="#" title="">Shor</a></li>
						</ul>
					</li>
					<li><a href="#" title="">SHOES</a>
						<ul class="level_2">
							<li class="first"><a href="#" title="">Office</a></li>
							<li class="last"><a href="#" title="">Casual</a></li>
						</ul>
					</li>
					<li><a href="#" title="">ACCESSORIES</a>
						<ul class="level_2">
							<li class="first"><a href="#" title="">Shirts</a></li>
							<li><a href="#" title="">Coats &amp; Jackets</a></li>
							<li class="last"><a href="#" title="">Shor</a></li>
						</ul>
					</li>
				</ul>
			</dd>
			<dt><span>BY BRAND</span></dt>
			<dd>
				<ul class="level_1">
					<li class="first"><a href="#" title="">APPAREL</a>
						<ul class="level_2">
							<li class="first"><a href="#" title="">Shirts</a></li>
							<li><a href="#" title="">Coats &amp; Jackets</a></li>
							<li class="last"><a href="#" title="">Shor</a></li>
						</ul>
					</li>
					<li><a href="#" title="">SHOES</a>
						<ul class="level_2">
							<li class="first"><a href="#" title="">Office</a></li>
							<li class="last"><a href="#" title="">Casual</a></li>
						</ul>
					</li>
					<li><a href="#" title="">ACCESSORIES</a>
						<ul class="level_2">
							<li class="first"><a href="#" title="">Shirts</a></li>
							<li><a href="#" title="">Coats &amp; Jackets</a></li>
							<li class="last"><a href="#" title="">Shor</a></li>
						</ul>
					</li>
				</ul>
			</dd>
			<dt class="last"><span>POPULAR SEARCHES</span></dt>
			<dd></dd>
		</dl>
	</div><!-- nav end -->
</div> <!-- left end -->
<div class="main_coloum" id="shopping">
<div class="main">
	<div class="path"><a href="#" title="">HOME</a> &nbsp;&nbsp;&gt;&nbsp;&nbsp; <a href="#" title="">APPAREL</a> &nbsp;&nbsp;&gt;&nbsp;&nbsp; PANTS</div>
	<div class="quick_tool"><a href="#" title="">ORDER STATUS</a> <span>PROFILE</span> <a href="#" title="">BACKPOCKET</a> <a href="#" title="">SHIPPING & PAYMENT</a></div>
	<div class="shopping_cart">
		<h3>SHOPPING CART</h3>
		<table class="cart_item">
			<tr>
				<td rowspan="2" class="td_pic" rows><img src="upfile/shopping_product.jpg" alt="" /></td>
				<td class="td_info">
					<h4>Floral Board Shorts</h4>
					<small>SKU #15714132</small>
				</td>
				<td rowspan="2" class="td_skin">
					<div class="skin">
						<p>
							<label>COLOR</label>
							<select name="" class="color">
								<option value="" selected="selected">PINK</option>
								<option value="">42</option>
								<option value="">41</option>
								<option value="">40</option>
								<option value="">39</option>
							</select>
							<a href="#" title="" class="update">UPDATE CART</a>
						</p>
						<p>
							<label>SIZE</label>
							<select name="" class="size">
								<option value="" selected="selected">42</option>
								<option value="">41</option>
								<option value="">40</option>
								<option value="">39</option>
							</select>
							<a href="#" title="" class="update">MOVE TO BACKPOCKET</a>
						</p>
						<p>
							<label>QUANTITY</label>
							<select class="color">
								<option value="" selected="selected">1</option>
								<option value="">2</option>
								<option value="">3</option>
								<option value="">4</option>
							</select>
							<a href="#" title="" class="update">REMOVE FROM CART</a>
						</p>
					</div>
				</td>
				<td rowspan="2" class="unit_price"><strong>RMB 49.00</strong><small>was RMB 89.00</small></td>
			</tr>
			<tr><td class="error">Out of stock - Please remove from your cart.</td></tr>
		</table>
		<table class="cart_item">
			<tr>
				<td rowspan="2" class="td_pic" rows><img src="upfile/shopping_product.jpg" alt="" /></td>
				<td class="td_info">
					<h4>Floral Board Shorts</h4>
					<small>SKU #15714132</small>
				</td>
				<td rowspan="2" class="td_skin">
					<div class="skin">
						<p>
							<label>COLOR</label>
							<select name="" class="color">
								<option value="" selected="selected">PINK</option>
								<option value="">42</option>
								<option value="">41</option>
								<option value="">40</option>
								<option value="">39</option>
							</select>
							<a href="#" title="" class="update">UPDATE CART</a>
						</p>
						<p>
							<label>SIZE</label>
							<select name="" class="size">
								<option value="" selected="selected">42</option>
								<option value="">41</option>
								<option value="">40</option>
								<option value="">39</option>
							</select>
							<a href="#" title="" class="update">MOVE TO BACKPOCKET</a>
						</p>
						<p>
							<label>QUANTITY</label>
							<select class="color">
								<option value="" selected="selected">1</option>
								<option value="">2</option>
								<option value="">3</option>
								<option value="">4</option>
							</select>
							<a href="#" title="" class="update">REMOVE FROM CART</a>
						</p>
					</div>
				</td>
				<td rowspan="2" class="unit_price"><strong>RMB 49.00</strong></td>
			</tr>
			<tr><td class="error"></td></tr>
		</table>
		<div id="post">
			<table>
				<tr>
					<td class="td1"><input type="radio" name="radio" class="radio" value="" checked="checked" /></td>
					<td class="td2">STANDARD DELIVERY: RMB10.00 your package will arrive within 2 to 3 days</td>
					<td class="post_price" rowspan="2">RMB 10.00</td>
				</tr>
				<tr>
					<td><input type="radio" name="radio" class="radio" value="" /></td>
					<td>SAME DAY DELIVERY (SHANGHAI ONLY): RMB20.00 your package will arrive within 24 hours after order is placed</td>
				</tr>
			</table>
		</div> <!-- post end -->
		<div id="voucher">
			<table>
				<tr>
					<td class="td1">I HAVE A GIFT VOUCHER: <input type="text" name="" class="text" value="enter you code here"  onfocus="if (this.value == 'enter you code here') {this.value = '';}" onblur="if (this.value == ''){this.value = 'enter you code here'; }" />
					<td class="td2">- RMB 50.00</td>
				</tr>
			</table>
		</div> <!-- voucher end -->
		<div class="total_price">
			<small>TOTAL //</small>
			<span>RMB54.00</span>
		</div> <!-- total_price end -->
		<p class="submits"><a href="#" title="">CONTINUE SHOPPING</a><input type="submit" name="submit" class="submit" value="CHECKOUT" /></p>
		
		<div id="backpocket">
			<h3>SHOPPING CART</h3>
			<table class="cart_item">
				<tr>
					<td rowspan="2" class="td_pic" rows><img src="upfile/shopping_product.jpg" alt="" /></td>
					<td class="td_info">
						<h4>Floral Board Shorts</h4>
						<small>SKU #15714132</small>
					</td>
					<td rowspan="2" class="td_skin">
						<div class="skin">
							<p>
								<label>COLOR</label>
								<select name="" class="color">
									<option value="" selected="selected">PINK</option>
									<option value="">42</option>
									<option value="">41</option>
									<option value="">40</option>
									<option value="">39</option>
								</select>
								<a href="#" title="" class="update">UPDATE CART</a>
							</p>
							<p>
								<label>SIZE</label>
								<span class="only_value">ONE SIZE</span>
								<a href="#" title="" class="update">MOVE TO BACKPOCKET</a>
							</p>
							<p>
								<label>QUANTITY</label>
								<select class="color">
									<option value="" selected="selected">1</option>
									<option value="">2</option>
									<option value="">3</option>
									<option value="">4</option>
								</select>
								<a href="#" title="" class="update">REMOVE FROM CART</a>
							</p>
						</div>
					</td>
					<td rowspan="2" class="unit_price"><strong>RMB 49.00</strong><small>was RMB 89.00</small></td>
				</tr>
				<tr><td class="error"></td></tr>
			</table>
		</div> <!-- backpocket end -->

	</div> <!-- shopping_cart end -->
</div> <!-- main end -->
</div> <!-- main_coloum end -->
</div> <!-- wrap  -->
<div id="footer">
	<div class="footer_column">
		<h4>CUSTOMER SERVICE</h4>
		<p><a href="#" title="">Shipping info</a></p>
		<p><a href="#" title="">Order tracking</a></p>
		<p><a href="#" title="">Return policy</a></p>
		<p><a href="#" title="">CS@daftshopping.com</a></p>
	</div>
	<div class="footer_column">
		<h4>PAYMENT METHOD</h4>
		<p><a href="#" title="">Paypal</a></p>
		<p><a href="#" title="">Credit Card</a></p>
		<p><a href="#" title="">Cash Upon Delivery</a></p>
	</div>
	<div class="footer_column">
		<h4>CONTACT DAFT</h4>
		<p><a href="#" title="">Info@daftshopping.com</a></p>
		<p><a href="#" title="">Toll-free 400-800-1234</a></p>
	</div>
	<div class="mod_box_items subscribe block">
		<div class="ce_text">
			
			<div class="ce_text block">
					<form method="post" action="">
						<p>
							<input type="text" value="Subscribe our e-newsletter" class="text" name="email"/>
							<input type="submit" value="SUBMIT" name="submit" class="submit" />
						</p>
					</form>
			</div>
			<div class="ce_text block">
				<p>DAFT on <a href="#" title="">Facebook</a>  |  <a href="#" title="">Twitter</a>  |  <a href="#" title="">Delicious</a></p>
			</div>
		</div>
	</div> <!-- mod_box_items end -->
	<div class="copyright">
		<p>Copyright&copy;Daft &amp; its Partners 2009 | Terms & Conditions  |  Privacy Policy </p>
		<p>DAFT hates spam. Your personal information is safe with us.</p>
	</div>	
</div><!-- footer end -->
</div><!-- container end -->

<script type="text/javascript">

$(function() {
	var options = {
	    zoomWidth: 400,
	    zoomHeight: 352,
		xOffset: 10,
		yOffset: 0,
	    showEffect:'show',
		hideEffect:'fadeout',
		fadeoutSpeed: 'slow',
		
		position: "right" //and MORE OPTIONS
	};

	$(".jqzoom").jqzoom(options);
});
</script>
</body>
</html>


